{% extends "base.html" %}

{% block title %}
{% ifequal lang 'en' %}
{% if current_department == "transportation" %}Intelligent Transportation Systems Group{% endif %}
{% if current_department == "health" %}Smart Healthcare Group{% endif %}
{% if current_department == "things" %}Internet of Things Group{% endif %}
{% if current_department == "embedded" %}Embedded Systems Group{% endif %}
{% if current_department == "communication" %}Communication Technology Group{% endif %}
{% if current_department == "intelligent" %}Intelligent Computing Group{% endif %}
{% if current_department == "signal" %}Signal Processing Group{% endif %}
{% if current_department == "city" %}Smart Cities Group{% endif %}
{% else %}{% ifequal lang 'zh' %}
{% if current_department == "transportation" %}智能交通研究小组{% endif %}
{% if current_department == "health" %}智慧医疗研究小组{% endif %}
{% if current_department == "things" %}物联网研究小组{% endif %}
{% if current_department == "embedded" %}嵌入式系统研究小组{% endif %}
{% if current_department == "communication" %}通信技术研究小组{% endif %}
{% if current_department == "intelligent" %}智能计算研究小组{% endif %}
{% if current_department == "signal" %}信号处理研究小组{% endif %}
{% if current_department == "city" %}智慧城市研究小组{% endif %}
{% endifequal %}{% endifequal %}
{% endblock %}

{% block style %}
p{	
    text-indent:2em;
}
{% endblock %}

{% block content %}
<div id="Content">
    <div id="list" style="width:220px">
	<ul>
	    {% ifequal lang 'en' %}
	    {% for group in group_list %}
	    <li><a href="/{{lang}}/research/{{group.group_tag}}" {% if current_department == group.group_tag %}id="current"{% endif %}>{{group.group_name_en}}</a></li>
	    {% if current_department == group.group_tag %}
	    {% for article in article_list %}
	    <li><a style="letter-spacing:0em; line-height:1em; text-indent:1em; border-bottom-style:dotted; padding-bottom:4px; padding-top:4px; font-weight:normal {% if selected_article.id == article.id %}; color:#F30{% endif %}" href="/{{lang}}/research/{{group.group_tag}}/{{article.id}}">{{article.article_title_en}}</a></li>
	    {% endfor %}{% endif %}{% endfor %}
	    <li><a href="/{{lang}}/research/publications">Publications</a></li>
	    {% else %}{% ifequal lang 'zh' %}
	    {% for group in group_list %}
	    <li><a style="letter-spacing:0.1em" href="/{{lang}}/research/{{group.group_tag}}" {% if current_department == group.group_tag %}id="current"{% endif %}>{{group.group_name_zh}}</a></li>
	    {% if current_department == group.group_tag %}
	    {% for article in article_list %}
	    <li><a style="letter-spacing:0em; line-height:1em; text-indent:1em; border-bottom-style:dotted; padding-bottom:4px; padding-top:4px; font-weight:normal {% if selected_article.id == article.id %}; color:#F30{% endif %}" href="/{{lang}}/research/{{group.group_tag}}/{{article.id}}">{{article.article_title_zh}}</a></li>
	    {% endfor %}{% endif %}{% endfor %}
	    <li><a style="letter-spacing:0.1em" href="/{{lang}}/research/publications">出版物</a></li>
	    {% endifequal %}{% endifequal %}
    </div>
    <div style="width:600px" id="ConRight">
	<p align="center" class="Name">
	    {% ifequal lang 'en' %}
	    {{selected_article.article_title_en}}
	    {% else %}{% ifequal lang 'zh' %}
	    {{selected_article.article_title_zh}}
	    {% endifequal %}{% endifequal %}
	</p><br/>
	<p>
	    {% ifequal lang 'en' %}
	    {{selected_article.article_content_en|safe}}
	    {% else %}{% ifequal lang 'zh' %}
	    {{selected_article.article_content_zh|safe}}
	    {% endifequal %}{% endifequal %}
	</p><br/>
    </div>
    <div style="clear:both"></div>
</div>
{% endblock %}
